/*
    表格的配置（数组对象）

    每个对象中有三个必须的属性
    prop:对应的字段名称
    label:表格表头展示名称
    width/min_width:列宽（width和min_width自选其一）（width就是固定款度，min_width最小宽度）

    扩展属性
    align:列的对齐方式（left、center、right）默认left
    isEdit:（默认false，为true时开始单元格双击编辑功能）
    type:（列展示格式）具体看以下举例
    show:控制列的显示或隐藏(这里不需要单独写出来，在组件里会自己去添加)

    type:time（后端返回的字段为时间戳，需要我们自己格式化时间）
    {
        prop: 'createDate',
        label: ' 创建时间',
        align: 'center',
        type: 'time',
        width: 180
    }

    type:image（改字段需要以图片的形式展示）
    {
        prop: 'avatar',
        label: '头像',
        align: 'center',
        type: 'image',
        width: 80
    },

    type:switch（switch开关，一般用于控制该条数据的状态）
    {
        prop: 'userStatus',
        label: '用户状态',
        align: 'center',
        type: 'switch',
        activeValue: 1, // switch为打开时的值
        inactiveValue: 2,// switch为关闭时的值
        width: 100
    },

    type:status（状态展示，比如这时候后端返回的状态对应的值时1或者是2，肯定是需要转为中文展示的）
    {
        prop: 'userStatus',
        label: '用户状态',
        align: 'center',
        width: 100,
        type: 'status',
        option: {
            '1': '启用',
            '2': '禁用',
        },
        color: {
            '1': 'success',
            '2': 'info',
        }
    }
*/

const columnsData= [
    {
        prop: 'menuPowerName',
        label: '菜单权限名称',
        isEdit: true,
        min_width: 120,
        edit: {
            type: 'input',
            placeholder: '请输入菜单权限名称',
            maxlength: 20,
            minlength: 2,
        },
        showWordLimit: true,
    },
    {
        prop: 'menuPowerMark',
        label: '菜单权限标识',
        align: 'center',
        width: 180,
        showWordLimit: true,
    },
    {
        prop: 'menuName',
        label: '所属菜单名称',
        align: 'center',
        width: 180,
        isEdit: true,
        edit: {
            type: 'select',
            placeholder: '请选择菜单权限名称',
            valueKey: 'value',
            labelKey: 'label',
            options: [
                {
                    value: '1',
                    label: '菜单权限标识1',
                },
                {
                    value: '2',
                    label: '菜单权限标识2',
                },
            ],
        },
    },
    {
        prop: 'createDate',
        label: ' 创建时间',
        align: 'center',
        type: 'time',
        width: 180
    }
]

// 表格查询配置中 type:select 的测试数据

let dataList = [
    {
        "id": 1,
        "menuName": "首页",
        "menuPath": "/",
        "menuType": 2,
        "menuStatus": 1,
        "parentId": 0,
        "parentName": null,
        "createDate": 1682435267868
    },
    {
        "id": 2,
        "menuName": "系统管理",
        "menuPath": "/system",
        "menuType": 1,
        "menuStatus": 1,
        "parentId": 0,
        "parentName": null,
        "createDate": 1682435338368
    },
    {
        "id": 3,
        "menuName": "用户管理",
        "menuPath": "user",
        "menuType": 2,
        "menuStatus": 1,
        "parentId": 2,
        "parentName": "系统管理",
        "createDate": 1682436009335
    },
    {
        "id": 4,
        "menuName": "角色管理",
        "menuPath": "role",
        "menuType": 2,
        "menuStatus": 1,
        "parentId": 2,
        "parentName": "系统管理",
        "createDate": 1682436073984
    },
    {
        "id": 5,
        "menuName": "菜单管理",
        "menuPath": "menu",
        "menuType": 2,
        "menuStatus": 1,
        "parentId": 2,
        "parentName": "系统管理",
        "createDate": 1682471621692
    }
]

export {
    columnsData,
}

